"""
需求：
    1. 使用css id选择器 定位用户名 输入admin
    2. 使用css 属性选择 定位密码框 输入123456
    3. 使用css class 选择器 定位电话号码：18611112222
    4. 使用css 元素选择器 定位span标签获取文本值
    5. 使用层级选择器 定位emial 输入123@qq.com

方法：
    driver.find_element_by_css_selector()
    获取文本的方法 元素.text

css延申：
    input[type^='p'] type属性以p字母开头的元素
    input[type$='d'] type属性以d字母结束的元素
    input[type*='w'] type属性包含w字母的元素
"""

# 导包
from selenium import webdriver
from time import sleep
# 获取 浏览器驱动对象
driver = webdriver.Chrome()
# 打开 注册A.html
driver.get("https://demo.ruoyi.vip/login")
# 1. 使用css id选择器 定位用户名 输入admin
# driver.find_element_by_css_selector('[name="username"]').send_keys("admin")
# 2. 使用css 属性选择 定位密码框 输入123456
# driver.find_element_by_css_selector('[name="password"]').send_keys("admin123")

# 登录系统
sleep(5) # 等我输入验证码
driver.find_element_by_css_selector('#btnSubmit').click()
sleep(2)
# 打开url： 进入添加页面
driver.get("https://demo.ruoyi.vip/system/user/add")

# 3. 使用css class 选择器 定位电话号码：18611112222
driver.find_element_by_css_selector("#phonenumber").send_keys("18611112222")
# 4. 使用css 元素选择器 定位span标签获取文本值
span = driver.find_element_by_css_selector("label").text
print("获取的span标签文本值：", span)

# 5. 使用层级选择器 定位emial 输入123@qq.com
driver.find_element_by_css_selector('.input-group > .email').send_keys("123@qq.com")

# 暂停 3秒
sleep(5)

# 退出浏览器驱动
driver.quit()
